<script setup>
  import {userDeal} from '@/api/login'

  const dealHtml = ref('')

  function getDeal() {
    userDeal({type: 1}).then(r => {
      dealHtml.value = r.data
    })
  }

  getDeal()
</script>

<template>
  <div class="agreement">
    <div v-html="dealHtml"/>
  </div>
</template>

<style scoped lang="scss">
  .agreement {
    padding: 24px 16px;
  }
</style>